/**
 * @Author: liu.yang 
 * @Date: 2018-05-17 11:46:47 
 * 
 * 用于存放全局变量
 * 比如 边框颜色 不同类型的字体颜色 大小
 */

@import "~themes/vars.less";
@color: #608eff;

// 一下为全局样式
html,
body,
:global(#root) {
  height: 100%;
  margin: 0;
  font-size: 10px;
}

:global(.ant-layout) {
  min-height: 100vh;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
  border-radius: 30px;
  background-color: transparent;
}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.45);
}

.globalSpin {
  width: 100%;
  margin: 40px 0 !important;
}

// temp fix for https://github.com/ant-design/ant-design/commit/a1fafb5b727b62cb0be29ce6e9eca8f579d4f8b7
:global {
  // 面包屑
  .ant-breadcrumb-link {
    vertical-align: super;
  }

  .ant-breadcrumb-separator {
    vertical-align: super;
  }

  .ant-spin-container {
    overflow: visible !important;
  }

  .input__search {
    width: 272px;
    height: 32px;
    margin-right: 16px;
  }
  .select__search {
    width: 272px;
    height: 32px;
    margin-right: 16px;
  }

  .ele__hidden {
    display: none;
  }

  /* 高级筛选 */
  .advanced__filter {
    display: inline-block;
    width: 80px;
    text-align: right;

    .anticon {
      vertical-align: middle;
      font-size: 12px;
      margin-left: 5px;
    }
  }

  .advanced__filter__up .anticon {
    vertical-align: baseline;
  }

  .notification__error {
    background-color: #fff1f0;
    border: 1px solid rgba(255, 163, 158, 1);
  }

  .notification__success {
    background-color: #f6ffed;
    border: 1px solid rgba(183, 235, 143, 1);
  }

  .notification__warning {
    border: 1px solid #ffe58f;
    background-color: #fffbe6;
  }

  .notification__custom {
    padding: 9px 16px;

    .ant-notification-notice-message {
      display: none;
    }

    .ant-notification-notice-icon {
      font-size: 14px;
      line-height: 22px;
      vertical-align: middle;
      margin-left: 0;
    }

    .ant-notification-notice-with-icon .ant-notification-notice-description {
      margin: 0 22px;
    }

    .ant-notification-notice-close {
      right: 16px;
      top: 9px;
      color: rgba(0, 0, 0, 0.45);
    }
  }

  .ant-layout-sider,
  .ant-menu-dark,
  .ant-menu-dark .ant-menu-sub {
    background: #202229;
  }

  .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: #1b1e24;
  }

  .ant-menu.ant-menu-dark .ant-menu-item-selected,
  .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background: @color;
  }

  .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) inset;
  }

  .ant-btn-primary {
    background: @color;
  }

  a,
  .a__link {
    color: #2766ff;
  }

  .ant-tree-node-content-wrapper .ant-tree-title {
    color: rgba(44, 11, 11, 0.65);
  }

  .ant-tree-switcher .ant-tree-switcher-icon,
  .ant-tree-child-tree .ant-tree-node-content-wrapper .ant-tree-title {
    color: rgba(0, 0, 0, 0.45);
  }

  /* 分页样式 */
  .ant-list-pagination {
    padding: 24px 0 24px 0;
    margin: 0;
  }

  .ant-pagination-prev:focus .ant-pagination-item-link,
  .ant-pagination-next:focus .ant-pagination-item-link,
  .ant-pagination-prev:hover .ant-pagination-item-link,
  .ant-pagination-next:hover .ant-pagination-item-link,
  .ant-pagination-item:focus,
  .ant-pagination-item:hover,
  .ant-pagination-item-active {
    border-color: @color;
    background-color: @color;
    color: #fff;

    a {
      color: #fff;
    }
  }

  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 240px;
  }

  .ant-pagination.ant-table-pagination.mini {
    .ant-pagination-next:hover,
    .ant-pagination-prev:hover,
    .ant-pagination-item:hover {
      a {
        color: @color;
      }
    }
  }

  .ant-pagination.ant-table-pagination.mini .ant-pagination-item-active:hover {
    a {
      color: #fff;
    }
  }

  .ant-pagination-item {
    line-height: 32px;
  }

  .ant-pagination.mini .ant-pagination-item {
    line-height: 23px;
  }

  .ant-pagination-item a {
    margin: 0;
  }

  .ant-pagination-disabled a,
  .ant-pagination-disabled:hover a,
  .ant-pagination-disabled:focus a,
  .ant-pagination-disabled .ant-pagination-item-link,
  .ant-pagination-disabled:hover .ant-pagination-item-link,
  .ant-pagination-disabled:focus .ant-pagination-item-link {
    border-color: #d9d9d9;
    color: rgba(0, 0, 0, 0.25);
    background-color: transparent;
  }

  /* 下拉选择样式 */
  .ant-select-dropdown-menu-item:hover,
  .ant-select-dropdown-menu-item-selected,
  .ant-select-dropdown-menu-item-active {
    background-color: @color-primary-hover;
  }

  /* 弹框表单样式 */
  .ant-modal {
    .ant-form-item-label {
      color: rgba(0, 0, 0, 0.65);
      padding-right: 10px;
    }

    .ant-modal-header {
      padding: 16px 30px 16px 24px;
    }

    .ant-modal-title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }

  .ant-pagination-options-quick-jumper input,
  .ant-select-selection,
  .ant-input {
    border-radius: 2px !important;
  }

  .ant-input:hover,
  .ant-select-selection:hover {
    border-color: @color;
  }

  .ant-checkbox-checked .ant-checkbox-inner {
    background: @color-primary !important;
  }

  .ant-checkbox-wrapper:hover .ant-checkbox-inner,
  .ant-checkbox:hover .ant-checkbox-inner,
  .ant-checkbox-input:focus + .ant-checkbox-inner {
    border: 1px solid @color-primary !important;
  }

  .ant-checkbox-checked .ant-checkbox-inner,
  .ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: transparent;
    border: 1px solid @color-primary;
  }

  // .ant-checkbox {
  //   .ant-checkbox-inner {
  //     border: 1px solid @color-primary;
  //     background-color: transparent;
  //   }
  // }
  .ant-input:focus,
  .ant-select-focused .ant-select-selection,
  .ant-select-selection:focus,
  .ant-select-selection:active {
    box-shadow: none;
  }

  /* 遮罩层 */
  .ant-modal-mask {
    background: rgba(0, 16, 57, 0.25); // background: #001039; // opacity: 0.25;
  }

  .ant-table-tbody
    > .row_hover_none.ant-table-row-hover:not(.ant-table-expanded-row)
    > td,
  .ant-table-tbody > .row_hover_none:hover:not(.ant-table-expanded-row) > td {
    background-color: transparent;
  }
  .ant-popover-message > .anticon {
    top: 7px;
  }

 
}

.PUSH-enter {
  width: 100%;
  position: fixed;
  z-index: 1;
  transform: translate3d(100%, 0, 0);
}

.PUSH-enter.PUSH-enter-active,
.POP-enter.POP-enter-active {
  position: fixed;
  transition: transform 288ms ease-in-out;
  transform: translate3d(0, 0, 0);
}

.PUSH-exit-active,
.POP-exit-active {
  position: fixed;
  transition: opacity 288ms ease-in-out;
  opacity: 0.3;
}

.POP-enter {
  width:100%;
  position: fixed;
  z-index: 1;
  transform: translate3d(-100%, 0, 0);
}
.phone-animation-group > div {
  height: 100%;
}

